<template>
	<view>
		<!-- 客服会话框实现 -->
		<view class="user-chat-list" 
		style="display: flex;">
			<image class="head" 
			src="../../static/logo.png" 
			mode="widthFix" 
			lazy-load></image>
			<view class="user-chat-list-body">
				<text style="font-size: small;">您好，小二很荣幸为您服务</text>			
			</view>
		</view>
		<view class="user-chat-list" 
		style="display: flex;">
			<image class="head" 
			src="../../static/logo.png" 
			mode="widthFix" 
			lazy-load></image>
			<view class="user-chat-list-body2">
					<text style="font-size: small;" >以下您可能遇到的所有问题</text>
					<view class="boundary01"></view>
					<view class="p-list" >
						<text>1.如何共享自己的充电桩？</text>
						<text>2.充电费用如何计算？</text>
						<text>3.违规将会有什么处罚？</text>
					</view>		
			</view>
			
		</view>
		<!-- 用户输入框实现 -->
		<view class="bottom">
			<view class="boundary"></view>
			<input type="text" 
			placeholder="很高兴为您服务,请描述您的问题" 
			style="float: left;height: 88rpx;
			 margin-left: 32rpx;
			 font-size: small;
			 width: 600rpx;"/>
			<image src="../../static/充电桩/发布、飞行、纸飞机.png" 
			style="width: 58rpx;
			height: 58rpx;float: right;margin-top: 9rpx;margin-right: 32rpx;"></image>
		</view>
	</view>
</template>
<script>
</script>

<style lang="scss" scoped>
	.user-chat-list{
		margin-top:23rpx;
		margin-left: 35rpx;
		.head{
			width:70rpx;
			height: 70rpx;
			border-radius: 100%;
			flex-shrink: 0;
		}
		.user-chat-list-body{
			// position: relative;
			// background-color: #f4f4f4;
			padding: 10rpx 25rpx 20rpx 25rpx;
			margin-left: 20rpx;
			// border-radius: 25rpx;
			margin-right: 100rpx;
		}
		.user-chat-list-body2{
			padding: 10rpx 25rpx 20rpx 25rpx;
			margin-left: 20rpx;
			margin-right: 100rpx;
			.p-list{
				display: flex;
				flex-direction: column;
				margin-bottom: -10px;
			}
			text{
				margin-bottom:10px;
				font-size: small;
			}
		}
	}
	.bottom{
		position: fixed;
		bottom: 0;
		width: 750rpx;
		height: 88rpx;
	}
	.boundary{
		width: 750rpx;
		height: 5rpx;
		background-color: #e0e0e0;
	}
	.boundary01{
		background-color: #e7e7e7;
		height:5rpx;
		width:576rpx;
		margin: 0 auto;
		margin:20rpx 0;
	}
	</style>
